<div class="position-fixed" style="bottom: 1rem; width: 100%;" *ngIf="table !== null && table !== undefined && table.data !== null && table.data !== undefined && table.data.page !== null && table.data.page !== undefined">
    <div class="row">
        <div class="col-10 text-center">

            <div class="btn-group" style="opacity: 0.9;">

                <button type="button" class="btn btn-primary" (click)="page.size.click($event)"
                        tooltip="[15|50|300]">
                    <!--每页 {{page.size.value}} 条-->
                    每页 {{table?.data?.page?.size}} 条
                </button>
                <button type="button" class="btn btn-primary" (click)="page.first.click($event)"
                        tooltip="first">
                    <fa-icon [icon]="page.first.icon"></fa-icon>
                </button>
                <button type="button" class="btn btn-primary" (click)="page.previous.click($event)"
                        tooltip="previous">
                    <fa-icon [icon]="page.previous.icon"></fa-icon>
                </button>
                <button type="button" class="btn btn-primary">
                    第 {{table?.data?.page?.number + 1}} / {{table?.data?.page?.totalPages}} 页
                </button>
                <button type="button" class="btn btn-primary" (click)="page.next.click($event)"
                        tooltip="next">
                    <fa-icon [icon]="page.next.icon"></fa-icon>
                </button>
                <button type="button" class="btn btn-primary" (click)="page.last.click($event)"
                        tooltip="last">
                    <fa-icon [icon]="page.last.icon"></fa-icon>
                </button>
                <button type="button" class="btn btn-primary">
                    共 {{table?.data?.page?.totalElements}} 条
                </button>

            </div>

        </div>
    </div>
</div>

<!--number : 当前为第几页-->
<!--last: 是否为最后一页-->
<!--numberOfElements： 当前页有多少条数据-->
<!--size : 每页有多少条数据-->
<!--totalPages: 总共有多少页-->
<!--content：数据的内容-->
<!--first： 是否为第一页-->
<!--totalElements : 总共有多少条数据-->

<div class="ml-2 mb-5">
    <span class="badge badge-info">{{table?.data?.timestamp}}</span>
    <br>
    <span class="badge badge-info">reqType: {{table?.data?.detail?.RR.reqType}}</span>
    <br>
    <span class="badge badge-info">reqPath: {{table?.data?.detail?.RR.reqPath}}</span>
    <br>
    <span class="badge badge-info">reqParams: {{table?.data?.detail?.RR.reqParams}}</span>
    <br>
    <span class="badge badge-info">reqIp: {{table?.data?.detail?.RR.reqIp}}</span>
    <br>
    <br>
</div>